@charset "UTF-8";
*{
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    font-size: 12px;
}
a{
    color: #666;
//  &:link{
//      color: #fff;
//      text-decoration: none;
//  }
//  &:active{
//     color: #fff;
//      text-decoration: none;        
//  }
//  &:visited{
//     color: #fff;
//      text-decoration: none;        
//  }    
}

body,html{
    width: 100%;
    height: 100%;
    background: #f5f5f5;
}
header{
    width: 100%;
    background: #fff;
    div{
        width: 1200px;
        height: 60px;
        line-height: 60px;
        margin: 0 auto;
        overflow: hidden;
        a{
            float: right;
        }
    }
}
#main{
    width: 1200px;
    height: 800px;
    margin: 0 auto;
    margin-top: 30px;
    background: #fff;
    #left{
        width: 238px;
        height: 100%;
        border: 1px solid #f9f9f9;
        font-size: 14px;
        color: #999;
        float: left;
        #nav{
            li{
                width: 100%;                
                .click{
                    background: #ff6577;
                    a{
                        text-decoration: none;
                        color: #fff; 
                    }
                }
                
                li{
                    height: 36px;
 
                }
                
                
                 span{
                     display: block;                    
                     width: 100%;
                     height: 36px;
                     line-height: 36px;  
                        
                       &:hover{
                            background: #ff6577;;
                            a{  
                                color: #fff;
                                text-decoration: none;                        
                            }   
                                                           
                         }    
                     } 
                     
                     
                     li{
                         width: 100%;
                         text-align: center;
                        height:36px; 
                        line-height:36px; 
                        &:hover{
                            background: #ff6577;;
                          a{  
                                color: #fff;
                                text-decoration: none;
                            }     
                        } 
                     }                                     
                
                }
            }
        


    }
    #right{
        float: left;
    }
}
